import { consts } from "@/module-00-codebase/pkg-00-const";
import { Gradient } from "@/module-00-codebase/pkg-08-entity/gradient";

const abssoluteFull = { position: "absolute", width: "100%", height: "100%", top: "0", left: "0", margin: "0", padding: "0" };
export const container = {
  ...abssoluteFull,
  display: "flex",
  justifyContent: "center",
  alignItems: "center",
  zIndex: "1300",
  transitionProperty: "opacity",
  transitionDuration: `${consts.gradientSeconds}ms`
};
export const cover = {
  ...abssoluteFull,
  backgroundColor: "black",
  transitionProperty: "opacity",
  opacity: "0.3"
};
// export const cantsee = { opacity: 0 };
// export const fadeout = new Gradient([[1, cantsee]]);
// export const fadein = new Gradient([[0, cantsee]]);
export const cantsee = { opacity: 0 };
export const cansee = { opacity: 1 };
export const fadeout = new Gradient([[1, cantsee]]);
export const fadein = new Gradient([[0, cantsee]]);
